<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>360网站气温气温气温</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script>
        $(function () {
            $(".fullpage").fullpage({
                afterLoad: function (anchorLink,index) {
                    $(".section").removeClass("current");
                    window.setTimeout(function () {
                        $(".section").eq(index-1).addClass("current");
                    },100);

                }
            });
        })

    </script>
</head>
<body>
    <div class="fullpage">
        <div class="first section">
            <div class="logo"></div>
            <div class="text">
                <img src="images/text_1.png" alt="">
                <img src="images/text_2.png" alt="">
                <img src="images/text_3.png" alt="">
                <img src="images/text_4.png" alt="">
                <img src="images/text_5.png" alt="">
                <img src="images/text_6.png" alt="">
                <img src="images/text_7.png" alt="">
                <img src="images/text_8.png" alt="">
            </div>
            <div class="info"></div>
        </div>
        <div class="second section">
            <div class="shield">
                <img src="images/shield_1.png" alt="">
                <img src="images/shield_2.png" alt="">
                <img src="images/shield_3.png" alt="">
                <img src="images/shield_4.png" alt="">
                <img src="images/shield_5.png" alt="">
                <img src="images/shield_6.png" alt="">
                <img src="images/shield_7.png" alt="">
                <img src="images/shield_8.png" alt="">
                <img src="images/shield_9.png" alt="">
            </div>
            <div class="info"></div>
        </div>
        <div class="third section">
            <div class="info"></div>
            <div class="circle"></div>
            <div class="rocket"></div>
        </div>
        <div class="fourth section">
            <div class="search">
                <div class="toolbar"></div>
                <div class="key"></div>
                <div class="wrap">
                    <div class="result"></div>
                </div>
            </div>
            <div class="info"></div>
        </div>
        <div class="fifth section">
            <div class="info"></div>
            <div class="browser">
                <div class="toolbarline"></div>
                <div class="bg"></div>
                <div class="topline line"></div>
                <div class="bottomline line"></div>
                <div class="leftline line"></div>
                <div class="rightline line"></div>
                <div class="extra"></div>
                <div class="extra-line line"></div>
            </div>
        </div>
    </div>
</body>
</html>